$(function(){
	$('.h-left').click(function(){
		window.history.back();
	})
	$('.mask').click(function() {
		$(this).fadeOut().find('.mask-record').slideUp();
	})
	$('.mask-record').click(function(e){
		e.stopPropagation();
		var target = e.target || window.srcElement;
		if(target.className == 'opts'){
			$(target).addClass('sel-active').siblings().removeClass('sel-active');
		}
		if(target.className == 'mask-left'){
			var txt = $('.sel-active').text();
			$('.sel>p').text(txt);
			$(target).parent().parent().slideUp().parent().fadeOut();
		}
		if(target.className == 'mask-right'){
			$(target).parent().parent().slideUp().parent().fadeOut();
		}
	})
	$('.sel').click(function() {
		$('.mask').fadeIn().find('.mask-record').slideDown();
	})
})
